<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>__SITENAME__</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <link type="text/css" href="__DOMAINURL____WEBSITEDIR____BAOFENG__/css/public.css" rel="stylesheet" />
    <link href="__DOMAINURL____WEBSITEDIR____PLUGINS__/css/fonts/iconfont.css" rel="stylesheet" type="text/css" />
    <style>
        html {background:#f0f0f0;}
        body { padding-bottom: 70px; }
        img {border: 0;width: 100%;}
        .cmmp-menu-context {
            -webkit-box-flex: 1;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            overflow-y: auto;
            background: #f0f0f0;
        }
        .cmmp-menu-context {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .page-shopping-category {
            min-height: 100%;
            background: #f0f0f0;
            padding-bottom: 50px;
        }
        .page-shopping-category .banner {
            margin-bottom: 3px;
        }
        .page-shopping-category .banner img {
            width: 100%;
        }
        .page-shopping-category .column {
            overflow:hidden;
            background: #fff;
        }
        .page-shopping-category .best-goods {
            font-size: 26px;
        }
        .page-shopping-category .best-goods .best-goods-item {
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            width: 33.3%;
            height: 100%;
            float: left;
            border-bottom: 1px solid #e0e0e0;
            font-size:12px;
            padding-top: 10px;
            padding-bottom: 5px;
        }
        .page-shopping-category .best-goods .best-goods-item:nth-child(2n-1) {
            /*border-right: 1px solid #e0e0e0;*/
        }
        .page-shopping-category .best-goods .best-goods-item img {
            width: 70%;
            height: 70%;
            display: block;
            margin: 0 auto;
        }
        .page-shopping-category .best-goods .goods-name {
            text-align: center;
            display: block;
            color:#000000;
        }
        .page-shopping-category .best-goods .goods-prize {
            display: block;
            text-align: center;
            color: #c31b3e;
        }
    </style>
</head>
<body>


<div class="cmmp-menu-context">
    <div class="page-shopping-category">
        <div class="banner"><img src="{$banner}"></div>
        <div class="column best-goods">
            <div class="best-goods-list clearfix">
                <volist name="list" id="v">
                    <a href="__DOMAINURL____WEBSITEDIR__/shopping/details/id/{$v.id}">
                    <div class="best-goods-item">
                        <img src="{$v.img}">
                        <span class="goods-name">{$v.name}</span>
                        <span class="goods-prize"><!-- react-text: 711 -->￥<!-- /react-text --><!-- react-text: 712 -->{$v.money}<!-- /react-text --></span>
                    </div>
                    </a>
                </volist>

            </div>
        </div>
    </div>
</div>

<div class="nav">
    <nav>
        <a href="__DOMAINURL____WEBSITEDIR__/shopping/index" class="red"><i class="iconfont icon-shangcheng"></i><br>商城</a>
        <a href="__DOMAINURL____WEBSITEDIR__/shopping/extract"><i class="iconfont icon-lipin"></i><br>提货劵</a>
        <a href="__DOMAINURL____WEBSITEDIR__/index"><i class="iconfont icon-jiaoyi"></i><br>交易</a>
        <a href="__DOMAINURL____WEBSITEDIR__/user/index"><i class="iconfont icon-my"></i><br>我&nbsp;</a>
    </nav>
</div>
</body>

</html>